﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>15周年</title>
    <link rel="stylesheet" href="css/normalize.min.css">
    <link rel="stylesheet" href="css/style.css">
    <style>
        * {
            padding: 0;
            margin: 0;
            font-family: "微软雅黑"
        }

        .hd {
            width: 100%;
            height: 100%;
            overflow: hidden;
            font-size: 200px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .marquee {
            width: 300%;
            display: inline-block;
            white-space: nowrap;
            position: absolute;
            color: #fff;
            right: -300%;
            top: 50%;
            transform: translateY(-50%);
            animation: scroll 15s linear infinite;
        }

        @keyframes scroll {
            0% {
                right: -300%;

            }

            100% {
                right: 100%;
            }
        }
    </style>
</head>

<body>
    <canvas id='canv'></canvas>
    <h4 class="hd"><span class="marquee">汇思十五载，同心创精彩。祝恒业成立15周年快乐</span></h4>

    <script src='js/jquery.min.js'></script>
    <!-- 星云 -->
    <script src="js/script.js"></script>
</body>

</html>